﻿<div class="ui-widget-content">
    <h3>Seletores jQuery</h3>
    <p>O jQuery pode reconhecer todos os seletores definidos pelo CSS 1 ao CSS 3, além de mais alguns seletores próprios:</p>
    <ul id="jquery_seletores">
        <li><strong>$("*")</strong> - Seleciona todos os elementos.</li>
        <li><strong>$(".classe")</strong> - Seleciona todos os elementos de uma classe CSS.</li>
        <li><strong>$("#id")</strong> - Seleciona o elemento identificado com um determinado ID.</li>
        <li><strong>$("element")</strong> - Seleciona todos os elementos cujo nome de tag coincide com o nome passado.</li>
        <li><strong>$("pai filho")</strong> - Seleciona todos os elementos "filho" especificados dentro do seletor "pai", <u>mesmo que não diretamente</u>.</li>
        <li><strong>$("pai > filho")</strong> - Seleciona todos os elementos "filho" especificados <u>diretamente</u> dentro do seletor "pai".</li>
        <li><strong>$("a, b")</strong> - Seleciona a união de todos os elementos que sejam selecionados por qualquer um dentre os seletores a e b.</li>
        <li><strong>$('[name="value"]')</strong> - Seleciona todos os elementos que têm um atributo cujo valor <u>é igual</u> a string passada.</li>
        <li><strong>$('[name!="value"]')</strong> - Seleciona todos os elementos que têm um atributo cujo valor <u>é diferente</u> da string passada.</li>
        <li><strong>$('[name*="value"]')</strong> - Seleciona todos os elementos que têm um atributo cujo valor <u>contém a substring</u> passada.</li>
        <li><strong>$('[name~="value"]')</strong> - Seleciona todos os elementos que têm um atributo cujo valor <u>contém a palavra</u> passada (delimitada por espaços).</li>
        <li><strong>$('[name^="value"]')</strong> - Seleciona todos os elementos que têm um atributo cujo valor <u>inicia com a substring</u> passada.</li>
        <li><strong>$('[name$="value"]')</strong> - Seleciona todos os elementos que têm um atributo cujo valor <u>termina com a substring</u> passada.</li>
        <li><strong>$('[name|="value"]')</strong> - Seleciona todos os elementos que têm um atributo cujo valor <u>inicia com um prefixo</u> passado (delimitado por hífen -).</li>
    </ul>
</div>
